
import {loadUserMsg,updateUserData} from '../../api/api.js';
import {customerServer} from '../../api/api.js';

Page({

  /**
   * 页面的初始数据
   */
  data: {
    userData:{},
    phone:"",
    username:"",
    headImg:"",
    sex:'',
    email:""//邮箱

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow:function(){
    loadUserMsg().then(res=>{
        console.log(res,"===================================资料回显=======")
        this.setData({
            userData:res.data.data
        })
    })
  },

  exit(){
    console.log("退出登录")
    wx.clearStorage();
    wx.navigateTo({
      url: '/pages/userInfo/userInfo',
    })
  },

  

  // 改变性别
  changeSex(e){
      console.log(e.detail.value,"改变性别");
      let userData = this.data.userData;
      userData.gender = e.detail.value;
      this.setData({
          userData
      })

      console.log(this.data.userData);
  },


  changeHeadImg(){
        this.selImg()
  },


  selImg(){
    let that = this;
    wx.chooseImage({
      success (res) {
        console.log(res,"chooseImg--res")
        const tempFilePaths = res.tempFilePaths;
        // let imgsList = that.data.imgsList;
       

        //因为每次选择完图片都会调用onshow 方法，所以如果每次都执行onshow 方法
        // 的话会出bug
        // console.log("原来的imgslist-----",imgsList)
        // imgsList = imgsList.concat(tempFilePaths);
      //   that.setData({
      //     imgsList
      //  })
       
        //把选择的图片添加到imgslist 里面
        // tempFilePaths.forEach(item=>{
          
            // console.log(imgsList,"循环中")
            //循环的时候发送多个请求，发送多张图片
            //一次选择的图片路径是一个数组，
            console.log(tempFilePaths,"--------------一次上传的图片------")
            wx.uploadFile({
              url:customerServer,
              filePath:tempFilePaths[0],
              name:'file', 
              formData:{
                'user':'test'
              },
              success (res){
                console.log(res,"图片上传成功");
                let result = JSON.parse(res.data);
                if(result.code == 200){
                    // let headImg = that.data.returnImgs;
                    // returnImgs.push(result.data);
                    //把返回的结果存储到一个数组中
                    let data = that.data.userData;
                    data.headImgUrl = result.data;
                    
                    that.setData({
                      userData:data
                    })
                }else{
                    wx.showToast({
                      title: '服务器错误',
                      icon:"none"
                    })
                }
                //do something
              }
            })

         
        // })
        //添加到这个里面是为了回显
      }
    })
  },

  


  changeUserDataW(){

    //验证电话号码
    // let phone = this.data.phone;
    let username = this.data.username;
    let data = this.data.userData;
    if(username != ""){
        data.nickName = username
    }

    let email = this.data.email;
    
    var reg = /^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/;

    // 判断是不是输入了邮箱
    if(email.length>0){
      if(reg.test(email)){
          data.email = email;
      }else{
          wx.showToast({
            title:'邮箱格式不正确',
            icon:'none'
          })

          return;
      }
    }

   

    updateUserData(data).then(res=>{
         console.log("修改用户资料回调函数",res);
         wx.showToast({
           title: '资料已经保存',
         })
         
        //更新本地信息
         wx.setStorageSync('yUserData',data);
    })
  },


  inputName(e){
      console.log(e.detail.value,"输入用户名=============");
      this.setData({
          username:e.detail.value
      })
  },
  
  inputEmail(e){
      console.log(e.detail.value,"输入邮箱=============");
      this.setData({
        email:e.detail.value
      })
  },

  inputPhone(e){
    console.log(e.detail.value,"输入电话=============");
    this.setData({
        phone:e.detail.value
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})